* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

.page {
    padding: 10px;
}

.pp {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0%, 0%);
    display: flex;
}

.winbody {
    position: absolute;
    top: 31px;
    bottom: 0;
    left: 0;
    right: 0;
}

.dock {
    top: 0.2rem;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    position: absolute;
    -webkit-app-region: drag;
}

.topbar {
    user-select: none;
    text-align: right;
    position: relative;
    padding: 6px 4px;
    color: white;
    background: linear-gradient(224deg, #a050d7 0%, #f7889c 100%) !important;
    /*background-color: #c11903;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.win-title {
    -webkit-app-region: drag;
    user-select: none;
    text-align: left;
    flex: 1;
    display: flex;
    align-items: center;
    pointer-events: none;
    /*background-color: #c11903;*/
    font-size: 11px;
}

.win-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px;
}

#maxWindow {
    /*display: none;*/
}

#unMaxWindow {
    /*display: none;*/
}

.my {
    -webkit-app-region: no-drag;
    cursor: pointer;
    padding: 0 10px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 19px;
}

.my:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/*
-------------------------------------------------------------------
Created with TexturePacker https://www.codeandweb.com/texturepacker
-------------------------------------------------------------------
Inline:     <i class="sprite-yourspritesname"></i>
Responsive: <div class="sprite-yourspritesname"></div>
*/
*[class^='sprite']::after,
*[class*=' sprite']::after {
    display: inline-block;
    content: '\A0';
    background-image: url();
    padding: 0;
}

.icon-sprite.icon-sm {
    display: inline-block;
    transform: scale(0.8);
}

.sprite-chat-history {
    max-width: 14px;
    max-height: 14px;
}

.sprite-chat-history::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 51.28205128%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-chat-mute {
    max-width: 13px;
    max-height: 14px;
}

.sprite-chat-mute::after {
    width: 13px;
    height: 14px;
    background-position: 96.17834395% 58.97435897%;
    background-size: 1307.69230769% 1214.28571429%;
}

.sprite-file-action-cancel {
    max-width: 14px;
    max-height: 14px;
}

.sprite-file-action-cancel::after {
    width: 14px;
    height: 14px;
    background-position: 94.87179487% 39.74358974%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-file-action-download {
    max-width: 14px;
    max-height: 14px;
}

.sprite-file-action-download::after {
    width: 14px;
    height: 14px;
    background-position: 98.07692308% 27.56410256%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-file-ai {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-ai::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 0.66666667%;
    background-size: 850% 850%;
}

.sprite-file-ai-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-ai-large::after {
    width: 30px;
    height: 30px;
    background-position: 0.71428571% 0.71428571%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-code {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-code::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 14.66666667%;
    background-size: 850% 850%;
}

.sprite-file-code-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-code-large::after {
    width: 30px;
    height: 30px;
    background-position: 0.71428571% 22.85714286%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-excel {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-excel::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 28.66666667%;
    background-size: 850% 850%;
}

.sprite-file-excel-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-excel-large::after {
    width: 30px;
    height: 30px;
    background-position: 0.71428571% 45%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-folder {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-folder::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 42.66666667%;
    background-size: 850% 850%;
}

.sprite-file-folder-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-folder-large::after {
    width: 30px;
    height: 30px;
    background-position: 0.71428571% 67.14285714%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-keynote {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-keynote::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 56.66666667%;
    background-size: 850% 850%;
}

.sprite-file-keynote-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-keynote-large::after {
    width: 30px;
    height: 30px;
    background-position: 0.71428571% 89.28571429%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-media {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-media::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 70.66666667%;
    background-size: 850% 850%;
}

.sprite-file-media-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-media-large::after {
    width: 30px;
    height: 30px;
    background-position: 22.85714286% 0.71428571%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-numbers {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-numbers::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 84.66666667%;
    background-size: 850% 850%;
}

.sprite-file-numbers-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-numbers-large::after {
    width: 30px;
    height: 30px;
    background-position: 22.85714286% 22.85714286%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-pages {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-pages::after {
    width: 20px;
    height: 20px;
    background-position: 62.66666667% 98.66666667%;
    background-size: 850% 850%;
}

.sprite-file-pages-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-pages-large::after {
    width: 30px;
    height: 30px;
    background-position: 22.85714286% 45%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-pdf {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-pdf::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 0.66666667%;
    background-size: 850% 850%;
}

.sprite-file-pdf-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-pdf-large::after {
    width: 30px;
    height: 30px;
    background-position: 22.85714286% 67.14285714%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-powerpoint {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-powerpoint::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 14.66666667%;
    background-size: 850% 850%;
}

.sprite-file-powerpoint-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-powerpoint-large::after {
    width: 30px;
    height: 30px;
    background-position: 22.85714286% 89.28571429%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-ps {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-ps::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 28.66666667%;
    background-size: 850% 850%;
}

.sprite-file-ps-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-ps-large::after {
    width: 30px;
    height: 30px;
    background-position: 45% 0.71428571%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-sketch {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-sketch::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 42.66666667%;
    background-size: 850% 850%;
}

.sprite-file-sketch-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-sketch-large::after {
    width: 30px;
    height: 30px;
    background-position: 45% 22.85714286%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-unknown {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-unknown::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 56.66666667%;
    background-size: 850% 850%;
}

.sprite-file-unknown-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-unknown-large::after {
    width: 30px;
    height: 30px;
    background-position: 45% 45%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-word {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-word::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 70.66666667%;
    background-size: 850% 850%;
}

.sprite-file-word-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-word-large::after {
    width: 30px;
    height: 30px;
    background-position: 45% 67.14285714%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-file-zip {
    max-width: 20px;
    max-height: 20px;
}

.sprite-file-zip::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 84.66666667%;
    background-size: 850% 850%;
}

.sprite-file-zip-large {
    max-width: 30px;
    max-height: 30px;
}

.sprite-file-zip-large::after {
    width: 30px;
    height: 30px;
    background-position: 45% 89.28571429%;
    background-size: 566.66666667% 566.66666667%;
}

.sprite-gender-f {
    max-width: 9px;
    max-height: 14px;
}

.sprite-gender-f::after {
    width: 9px;
    height: 14px;
    background-position: 97.51552795% 0.64102564%;
    background-size: 1888.88888889% 1214.28571429%;
}

.sprite-gender-m {
    max-width: 13px;
    max-height: 14px;
}

.sprite-gender-m::after {
    width: 13px;
    height: 14px;
    background-position: 96.17834395% 68.58974359%;
    background-size: 1307.69230769% 1214.28571429%;
}

.sprite-input-code {
    max-width: 16px;
    max-height: 12px;
}

.sprite-input-code::after {
    width: 16px;
    height: 12px;
    background-position: 0.64935065% 98.73417722%;
    background-size: 1062.5% 1416.66666667%;
}

.sprite-input-emoji {
    max-width: 14px;
    max-height: 14px;
}

.sprite-input-emoji::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 60.8974359%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-input-file {
    max-width: 16px;
    max-height: 12px;
}

.sprite-input-file::after {
    width: 16px;
    height: 12px;
    background-position: 11.68831169% 98.73417722%;
    background-size: 1062.5% 1416.66666667%;
}

.sprite-input-help {
    max-width: 14px;
    max-height: 14px;
}

.sprite-input-help::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 70.51282051%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-input-image {
    max-width: 16px;
    max-height: 12px;
}

.sprite-input-image::after {
    width: 16px;
    height: 12px;
    background-position: 22.72727273% 98.73417722%;
    background-size: 1062.5% 1416.66666667%;
}

.sprite-input-markdown-sel {
    max-width: 15px;
    max-height: 10px;
}

.sprite-input-markdown-sel::after {
    width: 15px;
    height: 10px;
    background-position: 33.5483871% 97.5%;
    background-size: 1133.33333333% 1700%;
}

.sprite-input-markdown-unsel {
    max-width: 15px;
    max-height: 9px;
}

.sprite-input-markdown-unsel::after {
    width: 15px;
    height: 9px;
    background-position: 43.87096774% 96.89440994%;
    background-size: 1133.33333333% 1888.88888889%;
}

.sprite-input-screenshot {
    max-width: 12px;
    max-height: 12px;
}

.sprite-input-screenshot::after {
    width: 12px;
    height: 12px;
    background-position: 99.36708861% 10.12658228%;
    background-size: 1416.66666667% 1416.66666667%;
}

.sprite-input-send {
    max-width: 14px;
    max-height: 9px;
}

.sprite-input-send::after {
    width: 14px;
    height: 9px;
    background-position: 96.79487179% 97.51552795%;
    background-size: 1214.28571429% 1888.88888889%;
}

.sprite-member-admin {
    max-width: 16px;
    max-height: 18px;
}

.sprite-member-admin::after {
    width: 16px;
    height: 18px;
    background-position: 88.31168831% 28.28947368%;
    background-size: 1062.5% 944.44444444%;
}

.sprite-member-mute {
    max-width: 11px;
    max-height: 17px;
}

.sprite-member-mute::after {
    width: 11px;
    height: 17px;
    background-position: 85.53459119% 40.52287582%;
    background-size: 1545.45454545% 1000%;
}

.sprite-more {
    max-width: 13px;
    max-height: 3px;
}

.sprite-more::after {
    width: 13px;
    height: 3px;
    background-position: 43.31210191% 99.4011976%;
    background-size: 1307.69230769% 5666.66666667%;
}

.sprite-nav-app {
    max-width: 20px;
    max-height: 20px;
}

.sprite-nav-app::after {
    width: 20px;
    height: 20px;
    background-position: 76.66666667% 98.66666667%;
    background-size: 850% 850%;
}

.sprite-nav-chat {
    max-width: 20px;
    max-height: 20px;
}

.sprite-nav-chat::after {
    width: 20px;
    height: 20px;
    background-position: 90.66666667% 0.66666667%;
    background-size: 850% 850%;
}

.sprite-nav-contact {
    max-width: 20px;
    max-height: 20px;
}

.sprite-nav-contact::after {
    width: 20px;
    height: 20px;
    background-position: 90.66666667% 14.66666667%;
    background-size: 850% 850%;
}

.sprite-search {
    max-width: 12px;
    max-height: 12px;
}

.sprite-search::after {
    width: 12px;
    height: 12px;
    background-position: 99.36708861% 18.35443038%;
    background-size: 1416.66666667% 1416.66666667%;
}

.sprite-selection-remove {
    max-width: 14px;
    max-height: 14px;
}

.sprite-selection-remove::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 80.12820513%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-settings {
    max-width: 14px;
    max-height: 14px;
}

.sprite-settings::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 89.74358974%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-sidebar {
    max-width: 14px;
    max-height: 14px;
}

.sprite-sidebar::after {
    width: 14px;
    height: 14px;
    background-position: 87.17948718% 99.35897436%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-switch-account {
    max-width: 14px;
    max-height: 14px;
}

.sprite-switch-account::after {
    width: 14px;
    height: 14px;
    background-position: 96.79487179% 49.35897436%;
    background-size: 1214.28571429% 1214.28571429%;
}

.sprite-window-close {
    max-width: 10px;
    max-height: 10px;
}

.sprite-window-close::after {
    width: 10px;
    height: 10px;
    background-position: 94.375% 84.375%;
    background-size: 1700% 1700%;
}

.sprite-window-maximize {
    max-width: 10px;
    max-height: 10px;
}

.sprite-window-maximize::after {
    width: 10px;
    height: 10px;
    background-position: 94.375% 91.25%;
    background-size: 1700% 1700%;
}

.sprite-window-minimize {
    max-width: 10px;
    max-height: 2px;
}

.sprite-window-minimize::after {
    width: 10px;
    height: 2px;
    background-position: 51.25% 98.80952381%;
    background-size: 1700% 8500%;
}

.sprite-window-restore {
    max-width: 12px;
    max-height: 12px;
}

.sprite-window-restore::after {
    width: 12px;
    height: 12px;
    background-position: 95.56962025% 77.21518987%;
    background-size: 1416.66666667% 1416.66666667%;
}

div.sprite::after {
    height: 0;
}

div.sprite-chat-history::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-chat-mute::after {
    max-width: 13px;
    width: 100%;
    padding: 0 0 107.69230769% 0;
}

div.sprite-file-action-cancel::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-action-download::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-ai::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-ai-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-code::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-code-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-excel::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-excel-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-folder::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-folder-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-keynote::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-keynote-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-media::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-media-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-numbers::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-numbers-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-pages::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-pages-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-pdf::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-pdf-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-powerpoint::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-powerpoint-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-ps::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-ps-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-sketch::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-sketch-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-unknown::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-unknown-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-word::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-word-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-zip::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-file-zip-large::after {
    max-width: 30px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-gender-f::after {
    max-width: 9px;
    width: 100%;
    padding: 0 0 155.55555556% 0;
}

div.sprite-gender-m::after {
    max-width: 13px;
    width: 100%;
    padding: 0 0 107.69230769% 0;
}

div.sprite-input-code::after {
    max-width: 16px;
    width: 100%;
    padding: 0 0 75% 0;
}

div.sprite-input-emoji::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-input-file::after {
    max-width: 16px;
    width: 100%;
    padding: 0 0 75% 0;
}

div.sprite-input-help::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-input-image::after {
    max-width: 16px;
    width: 100%;
    padding: 0 0 75% 0;
}

div.sprite-input-markdown-sel::after {
    max-width: 15px;
    width: 100%;
    padding: 0 0 66.66666667% 0;
}

div.sprite-input-markdown-unsel::after {
    max-width: 15px;
    width: 100%;
    padding: 0 0 60% 0;
}

div.sprite-input-screenshot::after {
    max-width: 12px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-input-send::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 64.28571429% 0;
}

div.sprite-member-admin::after {
    max-width: 16px;
    width: 100%;
    padding: 0 0 112.5% 0;
}

div.sprite-member-mute::after {
    max-width: 11px;
    width: 100%;
    padding: 0 0 154.54545455% 0;
}

div.sprite-more::after {
    max-width: 13px;
    width: 100%;
    padding: 0 0 23.07692308% 0;
}

div.sprite-nav-app::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-nav-chat::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-nav-contact::after {
    max-width: 20px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-search::after {
    max-width: 12px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-selection-remove::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-settings::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-sidebar::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-switch-account::after {
    max-width: 14px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-window-close::after {
    max-width: 10px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-window-maximize::after {
    max-width: 10px;
    width: 100%;
    padding: 0 0 100% 0;
}

div.sprite-window-minimize::after {
    max-width: 10px;
    width: 100%;
    padding: 0 0 20% 0;
}

div.sprite-window-restore::after {
    max-width: 12px;
    width: 100%;
    padding: 0 0 100% 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    *[class^='sprite']::after,
    *[class*=' sprite']::after {
        background-image: url();
    }

    .sprite-chat-history::after {
        background-position: 87.17948718% 51.28205128%;
    }

    .sprite-chat-mute::after {
        background-position: 96.17834395% 58.97435897%;
    }

    .sprite-file-action-cancel::after {
        background-position: 94.87179487% 39.74358974%;
    }

    .sprite-file-action-download::after {
        background-position: 98.07692308% 27.56410256%;
    }

    .sprite-file-ai-large::after {
        background-position: 0.71428571% 0.71428571%;
    }

    .sprite-file-ai::after {
        background-position: 62.66666667% 0.66666667%;
    }

    .sprite-file-code-large::after {
        background-position: 0.71428571% 22.85714286%;
    }

    .sprite-file-code::after {
        background-position: 62.66666667% 14.66666667%;
    }

    .sprite-file-excel-large::after {
        background-position: 0.71428571% 45%;
    }

    .sprite-file-excel::after {
        background-position: 62.66666667% 28.66666667%;
    }

    .sprite-file-folder-large::after {
        background-position: 0.71428571% 67.14285714%;
    }

    .sprite-file-folder::after {
        background-position: 62.66666667% 42.66666667%;
    }

    .sprite-file-keynote-large::after {
        background-position: 0.71428571% 89.28571429%;
    }

    .sprite-file-keynote::after {
        background-position: 62.66666667% 56.66666667%;
    }

    .sprite-file-media-large::after {
        background-position: 22.85714286% 0.71428571%;
    }

    .sprite-file-media::after {
        background-position: 62.66666667% 70.66666667%;
    }

    .sprite-file-numbers-large::after {
        background-position: 22.85714286% 22.85714286%;
    }

    .sprite-file-numbers::after {
        background-position: 62.66666667% 84.66666667%;
    }

    .sprite-file-pages-large::after {
        background-position: 22.85714286% 45%;
    }

    .sprite-file-pages::after {
        background-position: 62.66666667% 98.66666667%;
    }

    .sprite-file-pdf-large::after {
        background-position: 22.85714286% 67.14285714%;
    }

    .sprite-file-pdf::after {
        background-position: 76.66666667% 0.66666667%;
    }

    .sprite-file-powerpoint-large::after {
        background-position: 22.85714286% 89.28571429%;
    }

    .sprite-file-powerpoint::after {
        background-position: 76.66666667% 14.66666667%;
    }

    .sprite-file-ps-large::after {
        background-position: 45% 0.71428571%;
    }

    .sprite-file-ps::after {
        background-position: 76.66666667% 28.66666667%;
    }

    .sprite-file-sketch-large::after {
        background-position: 45% 22.85714286%;
    }

    .sprite-file-sketch::after {
        background-position: 76.66666667% 42.66666667%;
    }

    .sprite-file-unknown-large::after {
        background-position: 45% 45%;
    }

    .sprite-file-unknown::after {
        background-position: 76.66666667% 56.66666667%;
    }

    .sprite-file-word-large::after {
        background-position: 45% 67.14285714%;
    }

    .sprite-file-word::after {
        background-position: 76.66666667% 70.66666667%;
    }

    .sprite-file-zip-large::after {
        background-position: 45% 89.28571429%;
    }

    .sprite-file-zip::after {
        background-position: 76.66666667% 84.66666667%;
    }

    .sprite-gender-f::after {
        background-position: 97.51552795% 0.64102564%;
    }

    .sprite-gender-m::after {
        background-position: 96.17834395% 68.58974359%;
    }

    .sprite-input-code::after {
        background-position: 0.64935065% 98.73417722%;
    }

    .sprite-input-emoji::after {
        background-position: 87.17948718% 60.8974359%;
    }

    .sprite-input-file::after {
        background-position: 11.68831169% 98.73417722%;
    }

    .sprite-input-help::after {
        background-position: 87.17948718% 70.51282051%;
    }

    .sprite-input-image::after {
        background-position: 22.72727273% 98.73417722%;
    }

    .sprite-input-markdown-sel::after {
        background-position: 33.5483871% 97.5%;
    }

    .sprite-input-markdown-unsel::after {
        background-position: 43.87096774% 96.89440994%;
    }

    .sprite-input-screenshot::after {
        background-position: 99.36708861% 10.12658228%;
    }

    .sprite-input-send::after {
        background-position: 96.79487179% 97.51552795%;
    }

    .sprite-member-admin::after {
        background-position: 88.31168831% 28.28947368%;
    }

    .sprite-member-mute::after {
        background-position: 85.53459119% 40.52287582%;
    }

    .sprite-more::after {
        background-position: 43.31210191% 99.4011976%;
    }

    .sprite-nav-app::after {
        background-position: 76.66666667% 98.66666667%;
    }

    .sprite-nav-chat::after {
        background-position: 90.66666667% 0.66666667%;
    }

    .sprite-nav-contact::after {
        background-position: 90.66666667% 14.66666667%;
    }

    .sprite-search::after {
        background-position: 99.36708861% 18.35443038%;
    }

    .sprite-selection-remove::after {
        background-position: 87.17948718% 80.12820513%;
    }

    .sprite-settings::after {
        background-position: 87.17948718% 89.74358974%;
    }

    .sprite-sidebar::after {
        background-position: 87.17948718% 99.35897436%;
    }

    .sprite-switch-account::after {
        background-position: 96.79487179% 49.35897436%;
    }

    .sprite-window-close::after {
        background-position: 94.375% 84.375%;
    }

    .sprite-window-maximize::after {
        background-position: 94.375% 91.25%;
    }

    .sprite-window-minimize::after {
        background-position: 51.25% 98.80952381%;
    }

    .sprite-window-restore::after {
        background-position: 95.56962025% 77.21518987%;
    }
}
